Select Extension DataTable | Able Pro Dashboard Template

DataTables Extensions

The features that DataTables provides can be greatly enhanced by the use of the plug-ins available on this page, which give many new user interaction and configuration options.

Reference

Simple Initialization

This example simply shows a table with selectable rows. For examples that actually do something with those selected rows, please see the other examples in this section!

entries per page

Search:

Name	Position	Office	Age	Start date	Salary
Airi Satou	Accountant	Tokyo	33	2008/11/28	$162,700
Angelica Ramos	Chief Executive Officer (CEO)	London	47	2009/10/09	$1,200,000
Ashton Cox	Junior Technical Author	San Francisco	66	2009/01/12	$86,000
Bradley Greer	Software Engineer	London	41	2012/10/13	$132,000
Brenden Wagner	Software Engineer	San Francisco	28	2011/06/07	$206,850
Brielle Williamson	Integration Specialist	New York	61	2012/12/02	$372,000
Caesar Vance	Pre-Sales Support	New York	21	2011/12/12	$106,450
Cedric Kelly	Senior Javascript Developer	Edinburgh	22	2012/03/29	$433,060
Charde Marshall	Regional Director	San Francisco	36	2008/10/16	$470,600
Colleen Hurst	Javascript Developer	San Francisco	39	2009/09/15	$205,500
Name	Position	Office	Age	Start date	Salary

Showing 1 to 10 of 30 entries

Multi Item Selection

This example shows the multi option. Note how a click on a row will toggle its selected state without effecting other rows, unlike the os and single options shown in other examples.

entries per page

Search:

Name	Position	Office	Age	Start date	Salary
Airi Satou	Accountant	Tokyo	33	2008/11/28	$162,700
Angelica Ramos	Chief Executive Officer (CEO)	London	47	2009/10/09	$1,200,000
Ashton Cox	Junior Technical Author	San Francisco	66	2009/01/12	$86,000
Bradley Greer	Software Engineer	London	41	2012/10/13	$132,000
Brenden Wagner	Software Engineer	San Francisco	28	2011/06/07	$206,850
Brielle Williamson	Integration Specialist	New York	61	2012/12/02	$372,000
Caesar Vance	Pre-Sales Support	New York	21	2011/12/12	$106,450
Cedric Kelly	Senior Javascript Developer	Edinburgh	22	2012/03/29	$433,060
Charde Marshall	Regional Director	San Francisco	36	2008/10/16	$470,600
Colleen Hurst	Javascript Developer	San Francisco	39	2009/09/15	$205,500
Name	Position	Office	Age	Start date	Salary

Showing 1 to 10 of 30 entries

Cell Selection

This example shows cell selection using the select.items option. Note that the os selection style to select multiple items will work equally well with cell selection as it does with row selection.

entries per page

Search:

Name	Position	Office	Age	Start date	Salary
Airi Satou	Accountant	Tokyo	33	2008/11/28	$162,700
Angelica Ramos	Chief Executive Officer (CEO)	London	47	2009/10/09	$1,200,000
Ashton Cox	Junior Technical Author	San Francisco	66	2009/01/12	$86,000
Bradley Greer	Software Engineer	London	41	2012/10/13	$132,000
Brenden Wagner	Software Engineer	San Francisco	28	2011/06/07	$206,850
Brielle Williamson	Integration Specialist	New York	61	2012/12/02	$372,000
Caesar Vance	Pre-Sales Support	New York	21	2011/12/12	$106,450
Cedric Kelly	Senior Javascript Developer	Edinburgh	22	2012/03/29	$433,060
Charde Marshall	Regional Director	San Francisco	36	2008/10/16	$470,600
Colleen Hurst	Javascript Developer	San Francisco	39	2009/09/15	$205,500
Name	Position	Office	Age	Start date	Salary

Showing 1 to 10 of 30 entries

Buttons

Select provides a number of buttons that can be used with the Buttons extension for DataTables. Buttons is a framework providing common options, styling and API methods for buttons that can control a DataTable.

Search:

Name	Position	Office	Age	Start date	Salary
Airi Satou	Accountant	Tokyo	33	2008/11/28	$162,700
Angelica Ramos	Chief Executive Officer (CEO)	London	47	2009/10/09	$1,200,000
Ashton Cox	Junior Technical Author	San Francisco	66	2009/01/12	$86,000
Bradley Greer	Software Engineer	London	41	2012/10/13	$132,000
Brenden Wagner	Software Engineer	San Francisco	28	2011/06/07	$206,850
Brielle Williamson	Integration Specialist	New York	61	2012/12/02	$372,000
Caesar Vance	Pre-Sales Support	New York	21	2011/12/12	$106,450
Cedric Kelly	Senior Javascript Developer	Edinburgh	22	2012/03/29	$433,060
Charde Marshall	Regional Director	San Francisco	36	2008/10/16	$470,600
Colleen Hurst	Javascript Developer	San Francisco	39	2009/09/15	$205,500
Name	Position	Office	Age	Start date	Salary

Showing 1 to 10 of 30 entries

Jonh Smith

UI/UX Design

Message

Forms

Challenge invitation

Security

Carson Darrin 🖖

Notification

245.3k Followers

What's new announcement?

Able Pro is Redesigned

Able Pro is in best offer price

Featured Dashboard Template

Buy Once - Get Free Updated lifetime

Select

DataTables Extensions

Simple Initialization

Multi Item Selection

Cell Selection

Buttons

Settings

Theme Mode

Theme Contrast

Custom Theme

Theme layout

Sidebar Caption

Theme Layout

Layout Width